<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<!-- Skrypt pochodzi z ksiki "101 praktycznych skryptw"  -->
<!-- autor: Marcin Lis    e-mail: 101scripts@marcinlis.com  -->
</HEAD>
<STYLE>
#warstwa1, #warstwa2, #warstwa3, #warstwa4, #warstwa5, #warstwa6{
 visibility:visible;
 background-color:red;
 position:absolute;
 width:50;
 height:50;
 layer-background-color:red;
}
</STYLE>
<SCRIPT LANGUAGE="javascript" type="text/javascript">
<!-- Ukrycie przed przegldarkami nie obsugujcymi JavaScriptu
function init(szybkosc, amplituda, pozycje){
 tab = new Array();
 x = 0;
 j = 0;
 for(i = 0; i < pozycje; i++){
         tab[j++] = Math.sin(x) * amplituda + 100;
         x += Math.PI / (pozycje / 2);
 }
 vv = szybkosc;
 poz = pozycje;
}
function ustawWarstwy(){
 if (document.layers){
         x1 = parseInt(document.layers['warstwa1'].left);
         x2 = parseInt(document.layers['warstwa2'].left);
         x3 = parseInt(document.layers['warstwa3'].left);
         x4 = parseInt(document.layers['warstwa4'].left);
         x5 = parseInt(document.layers['warstwa5'].left);
         x6 = parseInt(document.layers['warstwa6'].left);

         if ((x1 < 10) || (x6 > screen.width - 40)){
                vv = -vv;
         }

         x1 += vv;
         x2 += vv;
         x3 += vv;
         x4 += vv;
         x5 += vv;
         x6 += vv;

         document.layers['warstwa1'].top = tab[0];
         document.layers['warstwa2'].top = tab[1];
         document.layers['warstwa3'].top = tab[2];
         document.layers['warstwa4'].top = tab[3];
         document.layers['warstwa5'].top = tab[4];
         document.layers['warstwa6'].top = tab[5];

         document.layers['warstwa1'].left = x1;
         document.layers['warstwa2'].left = x2;
         document.layers['warstwa3'].left = x3;
         document.layers['warstwa4'].left = x4;
         document.layers['warstwa5'].left = x5;
         document.layers['warstwa6'].left = x6;
 }
 else{
         x1 = parseInt(document.getElementById('warstwa1').style.left);
         x2 = parseInt(document.getElementById('warstwa2').style.left);
         x3 = parseInt(document.getElementById('warstwa3').style.left);
         x4 = parseInt(document.getElementById('warstwa4').style.left);
         x5 = parseInt(document.getElementById('warstwa5').style.left);
         x6 = parseInt(document.getElementById('warstwa6').style.left);

         if ((x1 < 10) || (x6 > screen.width - 80)){
                vv = -vv;
         }
         x1 += vv;
         x2 += vv;
         x3 += vv;
         x4 += vv;
         x5 += vv;
         x6 += vv;
         document.getElementById('warstwa1').style.top = tab[0];
         document.getElementById('warstwa2').style.top = tab[1];
         document.getElementById('warstwa3').style.top = tab[2];
         document.getElementById('warstwa4').style.top = tab[3];
         document.getElementById('warstwa5').style.top = tab[4];
         document.getElementById('warstwa6').style.top = tab[5];
         document.getElementById('warstwa1').style.left = x1;
         document.getElementById('warstwa2').style.left = x2;
         document.getElementById('warstwa3').style.left = x3;
         document.getElementById('warstwa4').style.left = x4;
         document.getElementById('warstwa5').style.left = x5;
         document.getElementById('warstwa6').style.left = x6;
 }
}
function przesun(){
 x = tab[0];
 for (i = 0; i < poz - 1; i++){
         tab[i] = tab[i + 1];
 }
 tab[poz - 1] = x;
}
function start(){
 setTimeout("start()", 200);
 ustawWarstwy();
 przesun();
}
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY onLoad="init(15, 45, 12)">
<H1 align = "center">
<DIV id="warstwa1" style="top:50; left:50;">
1
</DIV>
<DIV id="warstwa2" style="top:50; left:110; ">
2
</DIV>
<DIV id="warstwa3" style="top:50; left:170; ">
3
</DIV>
<DIV id="warstwa4" style="top:50; left:230; ">
4
</DIV>
<DIV id="warstwa5" style="top:50; left:290; ">
5
</DIV>
<DIV id="warstwa6" style="top:50; left:350; ">
6
</DIV>
<A HREF="javascript:start()">Start</A>
</H1>
</BODY>
</HTML>

